<template>
	<div>
		文字<Select v-model="model" :options="options" style="margin:20px;width:150px"/>
		<Select v-model="model" clearable placeholder="可清空" :options="options" style="margin:20px;width:150px"/>
		<Select v-model="model" filterable placeholder="可搜索" :options="options" style="margin:20px;width:150px"/>
		<Select v-model="model" clearable filterable placeholder="可清空, 可搜索" :options="options" style="margin:20px;width:150px"/>
		{{model}}
		<Select v-model="model2" style="margin:20px"/>
		<Select v-model="model" clearable disable :options="options" style="margin:20px;width:150px"/>
		<Select v-model="model3" :options="options2" style="margin:20px"/>
		<Select v-model="model3" shape="round" :options="options2" style="margin:20px"/>
		<Select v-model="model3" shape="noBorder" :options="options2" style="margin:20px"/>
		<Select v-model="model3" shape="noBorder" disable :options="options2" style="margin:20px"/>
		<br/>
		<Select v-model="model5" filterable placeholder="超大列表" :options="options3" style="margin:20px;width:150px"/>
		{{model5}}
		<br/>
		发射整个选项<Select v-model="model4" :options="options" emit-option style="margin:20px;width:150px"/>
		{{model4}}
	</div>
</template>

<script>
import Select from '@/components/pc/select';

export default {
	name:'index',
	components:{
		Select,
	},
	data(){
		const options=[
			{label:'选项1',value:1},
			{label:'选项2',value:2},
			{label:'选项3',value:3},
		];
		for(let i=4;i<30;++i){
			options.push('选项'+i);
		}
		const options3=[];
		for(let i=0;i<1e5;++i){
			options3.push('选项'+i);
		}
		return {
			model:null,
			options,
			model2:0,
			model3:0,
			model4:null,
			model5:null,
			options2:[
				{label:'选项',value:1},
				{label:'选项选项',value:2},
				{label:'选项选项选项',value:3},
				{label:'选项选项选项选项',value:4},
			],
			options3,
		};
	},
	created(){
	},
	methods:{
	}
};
</script>

<style lang="scss">

</style>
